<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>json实例</title>
</head>
<body>
    <h1>javascript创建json对象</h1>
    <p>
        网站名称:<span id='jname'></span><br>
        网站地址:<span id='jurl'></span><br>
        网站slogan:<span id='jslogan'></span><br> 
    </p>

    <script>
        // 使用javascipt语法创建一个json对象//////////
        var jsonobject={
            'name':"菜鸟课程",
            'url':"www.runobb.com",
            'slogan':"菜鸟课程",
        };
        // 将json对象的值分别赋值给对应的span盒子内的内容
        document.getElementById('jname').innerHTML=jsonobject.name;
        document.getElementById('jurl').innerHTML=jsonobject.url;
        document.getElementById('jslogan').innerHTML=jsonobject.slogan;

        // json数组在中括号中//////////////////////
        var sites=[
            {'name':'weixin','url':'www.runoob.com'},
            {'name':'google','url':'www.google.com'},
            {'name':'weibo','url':'www.weibo.com'},
        ];
        sites[0].name;// 访问数据中的第一项的name值
        console.log(sites[0].name);
        // 也可以直接去修改json对象的值
        sites[0].name="qq";
        console.log(sites[0].name);
        
    </script>
</body>
</html>